<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="css/message-board-style.css"/>
    <link rel="stylesheet"
          href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>水下生物网</title>
</head>

<body>
<div id="mid0">
    <div class="logo_message">
        <h2>留言板</h2>
        <h4>
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>用户客服
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>反馈建议
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>纠正错误
            <i class="fa fa-angle-double-right" aria-hidden="true"></i>系统资讯
        </h4>
    </div>
    <div id="mid">
        <div id="message-board">
            <div id="message-list">
                <!-- 留言内容显示区域 -->
            </div>
            <div id="message-input">
                <input type="text" id="user-message" placeholder="请输入留言..."/>
                <button id="submit-button">发表</button>
            </div>
        </div>
    </div>

</div>

<div class="footer">
    <img src="./img/水下生物网3.0.png" id="logo2">
    <h6><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;技术支持：18375858944</h6>
    <h6><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;专业指导：18375858944</h6>
    <h6><i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;邮箱：2065093677@qq.com</h6>
    <h6><i class="fa fa-address-book" aria-hidden="true"></i>&nbsp;地址：南京市玄武区孝陵卫街道南京理工大学</h6>
    <hr/>
</div>

<script type="text/javascript" src="js/message-board.js"></script>
<script type="text/javascript" src="js/javascript.js"></script>
<script src="js/header.js"></script>
</body>

</html>
